.selected {
  background: rgba($color: var(--mantine-color-blue-8), $alpha: 0.3);
  color: var(--mantine-color-gray-0);
}

.mobileCard {
  position: 'relative';
  color: 'white';
  width: '100%';
  border-radius: var(--mantine-radius-md);
  overflow: 'hidden';

  & .mantine-Stack-root {
    background: 'linear-gradient(transparent, rgba(0,0,0,.6))';
    color: 'white';
    position: 'absolute';
    width: '100%';
    max-height: '50%';
    bottom: 0;
    top: 'initial';
    padding: var(--mantine-spacing-sm);
    align-items: 'flex-start';
  }
}
